import type {SVGIconProps} from './svgIcon';
import {SvgIcon} from './svgIcon';

interface Props extends SVGIconProps {
  isFocused?: boolean;
}

export function IconFocus({isFocused = true, ...props}: Props) {
  return (
    <SvgIcon {...props}>
      {isFocused ? (
        <path d="M1.75 9C2.16 9 2.5 9.34 2.5 9.75V13.25C2.5 13.39 2.61 13.5 2.75 13.5H6.25C6.66 13.5 7 13.84 7 14.25C7 14.66 6.66 15 6.25 15H2.75C1.78 15 1 14.22 1 13.25V9.75C1 9.34 1.34 9 1.75 9ZM14.25 9C14.66 9 15 9.34 15 9.75V13.25C15 14.22 14.22 15 13.25 15H9.75C9.34 15 9 14.66 9 14.25C9 13.84 9.34 13.5 9.75 13.5H13.25C13.39 13.5 13.5 13.39 13.5 13.25V9.75C13.5 9.34 13.84 9 14.25 9ZM8 6C9.1 6 10 6.9 10 8C10 9.1 9.1 10 8 10C6.9 10 6 9.1 6 8C6 6.9 6.9 6 8 6ZM6.25 1C6.66 1 7 1.34 7 1.75C7 2.16 6.66 2.5 6.25 2.5H2.75C2.61 2.5 2.5 2.61 2.5 2.75V6.25C2.5 6.66 2.16 7 1.75 7C1.34 7 1 6.66 1 6.25V2.75C1 1.78 1.78 1 2.75 1H6.25ZM13.25 1C14.22 1 15 1.78 15 2.75V6.25C15 6.66 14.66 7 14.25 7C13.84 7 13.5 6.66 13.5 6.25V2.75C13.5 2.61 13.39 2.5 13.25 2.5H9.75C9.34 2.5 9 2.16 9 1.75C9 1.34 9.34 1 9.75 1H13.25Z" />
      ) : (
        <path d="M1.75 9C2.16 9 2.5 9.34 2.5 9.75V13.25C2.5 13.39 2.61 13.5 2.75 13.5H6.25C6.66 13.5 7 13.84 7 14.25C7 14.66 6.66 15 6.25 15H2.75C1.78 15 1 14.22 1 13.25V9.75C1 9.34 1.34 9 1.75 9ZM1.22 1.22C1.51 0.93 1.99 0.93 2.28 1.22L14.78 13.72C15.07 14.01 15.07 14.49 14.78 14.78C14.49 15.07 14.01 15.07 13.72 14.78L1.22 2.28C0.93 1.99 0.93 1.51 1.22 1.22ZM13.25 1C14.22 1 15 1.78 15 2.75V6.25C15 6.66 14.66 7 14.25 7C13.84 7 13.5 6.66 13.5 6.25V2.75C13.5 2.61 13.39 2.5 13.25 2.5H9.75C9.34 2.5 9 2.16 9 1.75C9 1.34 9.34 1 9.75 1H13.25Z" />
      )}
    </SvgIcon>
  );
}
